<%@page import="com.mmy.domain.constzone.TConstZone"%>
<%@page import="com.mmy.domain.line.TLineBase"%>
<%@page import="com.mmy.domain.line.VLineBase"%>
<%@page import="com.mmy.domain.sys.TSysOrg"%>
<%@page import="com.mmy.domain.line.TLinePlace"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/jsp/include1.jsp"></jsp:include>
<title>近郊游</title>
<style type="text/css">
	p{
		margin-bottom:15px;
	}
</style>
<script>
$(function(){
	new Pagination({
        element: '#pages', 
        type: 1, 
        layout: 'home, prev, pager, next, last',
        pageIndex: ${iPageNo}, 
        pageSize: 20, 
        pageCount: 9, 
        total: ${iTotalCount}, 
        singlePageHide: false, 
        ellipsis: true, 
        disabled: false, 
        currentChange: function(index, pageSize) {
            var url = "surroudingtourism?pageNumber=" + index + "&pageSize=" + pageSize;
            location.href = url;
        }
    });

})
    
</script>
</head>
<body>
	<div id="off-canvas-container" class="off-canvas-container">
		<jsp:include page="/WEB-INF/jsp/FrontHeader.jsp"></jsp:include>
		<div id="index-back">
		<main class="at-padding-large-bottom"> 
		<article> 
		<header class="frontbg-light at-padding-large-top at-padding-large-bottom at-margin-large-bottom" style="padding-top:0px">
		<div class="page-header container">
			<div class="row">
				<div class="span-3 col">
				<input type="hidden" id="type" value="${type }">
					<h2 class="h2color">
					<c:if test="${type==1 }">
							近郊游				
					</c:if>
					<c:if test="${type==2 }">
							境内游				
					</c:if>
					<c:if test="${type==3 }">
							出境游				
					</c:if>
					<c:if test="${type==4 }">
							目的地游				
					</c:if>
					</h2>
				</div>
				<div id="websitesearchdiv" style="padding:2px"> 
					<form action="querysurroudingtourism" name="surroudingSeachForm" class="info-form">
						<h4 class="widget-title">
						<p>
						<span><label for="strDay" class="seachfont">旅游天数: </label></span>
							<select class="select-height" name="strDay">
								<option value="">---请选择---</option>
								<option value="">全部</option>
								<option value="1">一日游</option>
								<option value="2">两日游</option>
							</select> <input type="number" name="strDay"/>
						</p>
						<p>
							<span><label for="ZoneCityID" class="seachfont"> 目的地：</label></span>
								<td colspan="5">
								<select class="select-height"
									id="LineZoneID" name="Province" emptyOption="false"
									onchange="changeSelect(this,'getLevel4','level3','City')">
										<option value="">---请选择---</option>
										<c:forEach var="lstZoneProvince" items="${lstZoneProvince}">
											<option value="${lstZoneProvince.getZoneID()}">${lstZoneProvince.getZoneName()}</option>
										</c:forEach>
								</select> 
								<select class='input-select-vlign City' name='City'
									emptyOption='false'
									onchange="changeSelect(this,'getLevel8','level4','ZoneID')">
										<option value="">---请选择---</option>
								</select> 
								<select class='input-select-vlign ZoneID' name='ZoneID'
									emptyOption='false'>
										<option value="">---请选择---</option>
								</select></td>
								</p>
							<!-- <p>
								出团日期:<input id="chutuandate" type="datetime-local"
									name="strOutDateTime" style="width: 10rem;" />
							</p> -->
								<p>
								<span><label for="price1" class="seachfont">价格区间</label></span>
								<input type="number" step="0.01"  id="strLinePrice1" class="input-width" name="strScenicPrice1" maxlength="18" value="${strLinePrice1}"/>
								--
								<input type="number" step="0.01"  id="strLinePrice2" class="input-width" name="strScenicPrice2" maxlength="18" value="${strLinePrice2}" />
								<input type="submit" class="btn btnheight" value="搜索"  style="margin:0px"/>
								</p>
						</h4>
					</form>
				</div>
			</div>
		</div>
		</header> 
		
		
		
<section class="container">
		<div class="portfolios portfolios-page">
			<c:forEach items="${lstLineBaseSurrouding}" var="lstLineBaseSurrouding" varStatus="status" begin="0">
				<div class="row" id="scenicrow">
					<div class="span-3 col">
						<div class="portfolios-box"
							onclick="window.location.href= 'linebaseinfofront?LineID=${lstLineBaseSurrouding.getLineID()}';return false">
							<div class="portfolios-box-content">
								<div class="portfolios-box-wrapper">
									<div>
										<h4>${lstLineBaseSurrouding.getLineName()}</h4>
									</div>
								</div>
							</div>
							<div class="portfolios-box-overlay magictime"
								data-hover="puffOut portfolio-back" data-return="tinUpIn">
								<img src="img/portfolios/portfolio-11.jpg" alt="" /> 
							</div>
						</div>
					</div>

					<div class="span-6 col">
							<div>
								<p class="lineInfo" style="margin-bottom:0px"><b>线路名称：</b>${lstLineBaseSurrouding.getLineName()}</p>
								<p class="lineInfo" style="margin-bottom:0px"><b>出团日期：</b><fmt:formatDate value='${lstLineBaseSurrouding.getCreateDate()}' pattern='yyyy-MM-dd'/></p>
								<p class="lineInfo" style="margin-bottom:0px"><b>目的地：</b>${lstLineBaseSurrouding.getZoneName()}</p>
								<p class="lineInfo" style="margin-bottom:0px"><b>供应商：</b>${lstLineBaseSurrouding.getOrgName()}</p>
								<p class="lineInfo" style="margin-bottom:0px"><b>旅行天数：</b>${lstLineBaseSurrouding.getDay()}</p>
								<!-- <p class="lineInfo" style="margin-bottom:0px"><b>剩余：</b></p>
								<p class="lineInfo" style="margin-bottom:0px"><b>收客状态：</b></p> -->
							</div>
					</div>
						<div class="span-3 col paddingtop2">
						<div class="scenicprice">
							<c:forEach items="${lstSurroudingPlan}" var="lstSurroudingPlan">
								<c:if
									test="${lstSurroudingPlan.getLineID() eq lstLineBaseSurrouding.getLineID()}">
										<font class="scenicprice1">惊爆价:</font>
										<div class="scenicprice2">
										<div class="at-float-right">
										<font class="scenicprice3">￥</font>
										<font class="scenicprice4">${lstSurroudingPlan.getPrice()}</font>
										<font class="scenicprice3">起</font>
										</div>
								</div>
								</c:if>
							</c:forEach>
								<input type="hidden" id="Surrouding${status.index }" name="Surrouding${status.index }" value="${lstLineBaseSurrouding.getLineID()}" /> 
								<input type="button" class="btns" value="预留" onclick="createLineReserve(${status.index })" />
					</div>
					</div>	
				</div>
			</c:forEach>
			 <div id="pages"></div>
		</section> 
		</article>
		 </main>
		 </div>
		<jsp:include page="/WEB-INF/jsp/Footer.jsp"></jsp:include>
	</div>
	<jsp:include page="/WEB-INF/jsp/include2.jsp"></jsp:include>
</body>
</html>